<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>客户管理</title>
    <style type="text/css"> #customers { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:100%; border-collapse:collapse; } #customers td, #customers th { font-size:1em; border:1px solid #98bf21; padding:3px 7px 2px 7px; } #customers th { font-size:1.1em; text-align:left; padding-top:5px; padding-bottom:4px; background-color:#A7C942; color:#ffffff; } #customers tr.alt td { color:#000000; background-color:#EAF2D3; }</style>

</head>
<body>
<table id="customers">
    客户列表
    <a th:href="@{/customer/customerAdd}">添加客户</a>
    <tr>
        <th>id</th>
        <th>用户名</th>
        <th>手机号</th>
        <th>地址</th>
        <th>需求户型</th>
        <th>需求面积</th>
        <th>需求价格</th>
        <th>客户状态</th>
        <th>操作</th>
    </tr>
    <tr th:each="customer:${customerList}">
        <td th:text="${customer.id}"></td>
        <td class="cl" th:text="${customer.userName}"></td>
        <td class="cl" th:text="${customer.mobile}"></td>
        <td class="cl" th:text="${customer.userAddress}"></td>
        <td class="cl" th:text="${customer.housingType}"></td>
        <td class="cl" th:text="${customer.housingArea}"></td>
        <td class="cl" th:text="${customer.housingPrice}"></td>
        <td>
            <select>
                <option>未分配</option>
                <option>已分配</option>
                <option>请选择</option>
            </select>
        </td>
        <td>
            <a th:href="@{${'/customer/customerEdit/'+customer.id}}" th:text="修改"></a>
        </td>
    </tr>
</table>

</body>
</html>